BODY { margin:0; padding:0;font-size:12px; background:url(../img/bg.jpg) repeat-x #fff; font-family:"ËÎÌå", Times, serif; color:#000;}
img{ border:0;}
ul{ margin:0; padding:0; list-style:none;}
#tiaozi{ width:100%; height:25px; margin:0; clear:both; line-height:25px; background:#ececec; text-align:center; color:#333;}
#tiaozi a:link,#tiaozi a:visited{ color:#333; text-decoration:none;}
#tiaozi a:hover{ color:#333; text-decoration:underline;}
.taijian{ width:0; height:0; clear:both; margin:0; padding:0; line-height:0; font-size:0;}
.tt{ width:100%; height:24px; margin:0; background:url(../img/ttbg.jpg) repeat-x; overflow:hidden;}
a:link,a:visited{ color:#000; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}
p{ margin:0;}
 
 #honor{ width:670px;margin:0 auto; padding:10px 0; overflow:hidden;}
 #honor ul{ width:670px; height:510px;}
 .honorli{ width:212px; height:187px; float:left; margin:0 25px 0 12px;}
 .honorlia{ width:200px; height:150px; border:1px solid #ccc; }
 .honorlib{ width:200px; height:30px; text-align:center; line-height:30px; color:#21375E; font-size:14px;} 

#demo{ width:590px; overflow:hidden; margin:0 auto;}
 #demo1{ width:1424px;}
 #demo2{ width:1424px;} 
 #demo ul{ width:1424px;}
 #demo ul li{ width:168px; height:158px; margin:0 10px 0 0; float:left;}
 #demo ul li div{ width:160px; height:120px; padding:3px; border:1px solid #ccc;}
 #demo ul li img{ width:160px; height:120px;}
 #demo ul li p{ width:168px; height:30px; line-height:30px; text-align:center; color:#666;}

#top{ width:990px; height:114px; margin:0 auto;}
  H1{ width:596px; height:113px; margin:0; padding:0; display:block; overflow:hidden;float:left;}
  H1 a{ width:596px; height:113px; display:block;background:url(../img/logo.jpg) no-repeat;text-indent:-500px; overflow:hidden;}
  #topcd{ width:146px; height:22px; line-height:22px; float:left; margin:46px 0 0 0; padding:0 0 0  100px;}
  #topcdx{ width:72px; height:20px; font-size:14px; padding:2px 0 0 0; text-align:center; float:left;}
  #topcd a{ width:74px; height:22px; display:block; float:right; overflow:hidden;}
  #topr{ width:280px; height:114px; float:right; margin:0 10px 0 0;}
  #topra{ width:280px; height:20px; text-align:right; margin:45px 0 0 0;}
    .toprali{ width:80px; float:left; height:20px;}
	 .toprali span{ width:15px; height:12px; display:block; padding:4px 0; margin:0; float:left;}
	 .toprali p{ width:70px; height:18px; float:left; line-height:18px; display:block; margin:0; padding:2px 0 0 0; text-align:center;}
   #toprb{ width:240px; height:23px; margin:20px 0 0 0;}
   #toprb form{ width:240px; height:23px; margin:0; padding:0;}
   #toprbx{ width:199px; height:23px; float:left;}
   #toprbx input{ width:193px; height:17px; padding:2px; line-height:17px; border:1px solid #ccc; margin:0; *margin:-1px 0 0 0;_margin:-1px 0 0 0;}
   #toprby{ width:36px; height:23px; float:right;}
   #toprby input{width:36px; height:23px; background:url(../img/toprbtj.gif) no-repeat; border:0; color:#fff;}
	 
#manu{ width:990px; height:37px;overflow:hidden; margin:0 auto;}
 .manua{ width:990px; height:37px; overflow:hidden;}
  .manua li{ width:100px; height:30px; float:left; margin:3px 0 0 0; padding:0 5px;}
  .manua li a{ cursor:pointer; width:100px; height:30px; font-weight:bold; line-height:30px; font-size:14px; font-family: "΢ÈíÑźÚ","ºÚÌå"; display:block; color:#fff; text-align:center;}
  .manua li a:link{ color:#fff; text-decoration:none;}
  .manua li a:visited{ color:#fff; text-decoration:none;}
  .manua li a:hover{ color:#ffcc33; text-decoration:none;}
  .manua li.Current a{ display:block; background:#F5F5F5;color:#004C78; text-decoration:none;}
  .manua li.Current a:visited{ display:block; background:#F5F5F5;color:#004C78; text-decoration:none;}
  .manua li.Current a:hover{ display:block; background:#F5F5F5;color:#004C78; text-decoration:none;}
 .manub{ width:990px; height:31px; margin:1px 0 0 0;}
 .manubx{ display:none; height:28px; padding:3px 0 0 0; line-height:28px;}
  
#flash1{ width:1004px; height:300px; margin:0px auto;}
  
#main{ width:990px; margin:0 auto; padding:8px 0 30px 0; background:url(../img/mainbg.jpg) repeat-x bottom #fff;}
#l{ width:364px; float:right;}
.tt{ width:100%; height:28px; border-bottom:1px solid #ccc; background:#fff;}
 .tta{ width:180px; height:28px; float:left;}
 .ttb{ width:33px; height:9px; float:right; margin:10px 5px 0 0;}
 .ttc{width:300px; height:26px; float:right; margin:0; line-height:26px; padding:2px 5px 0 0; text-align:right;}
 #lax{ width:575px; height:180px; margin:5px 0; line-height:20px; overflow:hidden; text-indent:28px;}
 #lax1{ width:375px; height:180px; margin:5px 0; line-height:20px; overflow:hidden; text-indent:28px;}
  
  .laxa{ width:364px; height:83px; margin:20px 0 12px 0;}
   .laxa1{ width:99px; height:81px; float:left; border:1px solid #ccc;}
   .laxa2{ width:255px; height:30px; float:right; line-height:30px; font-weight:bold; color:#004870; overflow:hidden;}
   .laxa3{ width:255px; height:53px; float:right; line-height:24px; overflow:hidden;}
  .laxli{ width:364px; height:30px; border-bottom:1px dashed #ccc; line-height:28px; padding:2px 0 0 0;}
   .laxlia{ width:268px; height:28px; float:left; margin:0; background:url(../img/laxli.gif) 5px 8px no-repeat; padding:0 0 0 15px; overflow:hidden;}
   .laxlib{ width:81px; height:28px; float:right; margin:0; text-align:center;}
 #lbx{width:364px; height:180px;}
 
#r{ width:594px; float:left;}
 #ra{ width:364px; float:left;}
 #rax{ width:364px; height:190px; overflow:hidden;}
  #rax ul{ width:400px; height:180px; margin:10px 0 0 0;}
   .raxli{ width:170px; height:85px; margin:0 24px 0 0;float:left; overflow:hidden;}
   .raxlia{ width:155px; height:28px; background:url(../img/raxlia.gif) 5px 12px no-repeat #F5F5F5; padding:2px 0 0 15px; line-height:28px; font-family:"ËÎÌå"; font-size:14px;  color:#090; font-weight:bold;}
   .raxlib{ width:155px; height:24px; border-bottom:1px dashed #ccc; line-height:24px; padding:3px 0 0 15px;}
 #rb{ width:220px; float:right; height:219px; overflow:hidden;}
  #rb ul{ width:197px; height:219px;}
  #rb ul li{ width:193px; height:69px; padding:1px; border:1px solid #ccc; margin:14px 0 16px 0;}
 #rc{ width:594px;}
 #rcx{ width:562px; height:180px; overflow:hidden; margin:0 auto; padding:18px 0 0 0;}
 .wrapLeft{
	width: 100%;
	overflow:hidden;
	position:relative;
	height:100%;
}

.items a.panel{
	width:18px;
	height:130px;
	float: left;
	color:#737373;
	font-size:12px;
	line-height:16px;
	background:#fff url(../img/triangle_1.gif) no-repeat 9px 4px;
	text-decoration: none;
	padding: 6px;
	padding-top:20px;
	border-left:1xp solid #ccc;
	display:block;
	text-align:center;
}
.items a.current{
	color:#000;
	background:#fff url(../img/triangle_2.gif) no-repeat 9px 4px;
}
.test{
	width:412px;
	height:155px;
	float:left;
}
.test img{ width:412px; height:155px;}
.items{
	width:357px;
	height:155px;
	position:absolute;
	top: 7px;
}

#bottom{ width:100%; margin:0;height:28px;background:#1f4f97;}
#foot{ width:990px; height:28px; margin:0 auto;}
#footl{ width:450px; height:28px; float:left; line-height:28px; color:#e1e1e1;}
#footr{ width:500px; height:28px; float:right; text-align:right; line-height:28px; color:#8FADBF; text-align:right;}
#foot a:link{ color:#e1e1e1; text-decoration:none;}
#foot a:visited{ color:#e1e1e1; text-decoration:none;}
#foot a:hover{ color:#e1e1e1; text-decoration:underline;}
 
#mainl{ width:197px; margin:0; float:left;}
  #mainla{ width:197px; margin:0;}  	
   .mainlalia{ width:182px;height:24px; background:#EEE; padding:2px 0 0 15px; line-height:24px; font-family:"ËÎÌå";font-size:13px;color:#004080; margin:2px 0 0 0; }
   .mainlalib{ width:186px; height:20px; border-bottom:1px dashed #ccc; line-height:20px; padding:4px 0 0 4px; }
   #mainlb{ width:197px;}
    #mainlb ul{}
	#mainlb ul li{width:193px; height:69px; padding:1px; border:1px solid #ccc; margin:10px 0 0 0;}
	
  .prolia{ width:200px; height:150px; border:1px solid #CCC;}
  .prolia img{ width:200px; height:150px;}
  
#banner_xm_bg{ width:1007px; height:14px; background:url(../img/bgt.jpg); margin:0 auto;}
/*ÄÚÒ³*/
#h2{ font:"΢ÈíÑźÚ"; font-size:12px; width:580px; height:23px; line-height:30px; margin:10px 0 0 0px;}
#mr{ width:761px; float:right;}

/*about*/
#about{ width:760px;margin:10px auto; line-height:22px; font-size:12px;} 

 #productshow{ width:750px;margin:10px auto; line-height:22px; font-size:12px;} 
 
/*news*/

#news{ width:760px; margin:10px auto;}
  #news ul{ width:760px; height:450px;}	 
  .newsli{ width:760px; height:28px; font-size:12px; line-height:22px; border-bottom:1px dashed #ccc; line-height:28px; padding:2px 0 0 0;}
  .newsli:hover{background:url(../img/lib.gif) 4px 8px no-repeat #f1f1f1;}
   .newslia{ width:640px; height:28px; float:left; margin:0; background:url(../img/laxli.gif) 5px 8px no-repeat; padding:0 0 0 15px; overflow:hidden;}
   .newslib{ width:80px; height:28px; float:right; margin:0; text-align:center;}
  #shownews{ width:758px; margin:10px auto;}
  #newstitle{ width:100%; height:30px; line-height:28px; padding:2px 0 0 0; font-size:14px; font-weight:bold; color:#000; text-align:center; border-bottom:1px dashed #c7c7c7;}
  #newsadd{ width:100%; height:20px; padding:2px 0 0 0; line-height:20px; text-align:center; color:#858585;}
   #newsadd a:link,#newsadd a:hover,#newsadd a:visited{ color:#858585; text-decoration:underline;}
  #newzt{ width:100%; margin:10px 0 0 0; line-height:22px; font-size:14px; min-height:578px;_height:578px;}
#hr{ width:760px; margin:10px auto;}
  #hr ul{ width:760px; min-height:450px;_height:450px;}	 
#hr td{ line-height:20px; padding:2px 4px;}
.oo{ width:100px; text-align:center; font-weight:bold; font-size:14px; background:#f1f1f1;}
.xx{ width:260px;} 

#cases{ width:760px;margin:0 auto; overflow-x:hidden;}
 #cases ul{ width:780px;}
 .casesx{ padding:4px 4px 0 3px; margin:10px 18px;float:left;background:#F3F3F3;overflow:hidden;border:1px solid #DCDCDC;}
 .casesx :hover{ background:#f1f1f1;}
 
 .casesx1{ width:180px; height:162px; padding:1px 1px 0 1px; margin:8px 8px 0 0;float:left;background:#F3F3F3;overflow:hidden;border:1px solid #DCDCDC;}
 .casesx1 :hover{ background:#f1f1f1;}
 #zhi{ width:200px; height:26px; text-align:center; line-height:26px; color:#F93;}
 .casesxpic{ width:150px; height:135px; margin:0 auto;text-align:center; overflow:hidden;}
 .casesxpic img{ width:150px; height:135px; display:block; background:#fff;}
 .casesxword a{ width:150px; height:26px;line-height:26px; overflow:hidden; color:#ff6600;}
 #hgao{ width:180px; height:26px; line-height:26px; text-align:center; overflow:hidden; color:#ff6600;}

#honor{ width:760px;margin:0 auto; overflow-x:hidden;}
 #honor ul{ width:780px; height:445px;}
 .honorx{ width:240px;margin:15px 15px 0 0; height:200px; float:left;overflow:hidden;border:1px solid #DCDCDC; background:#F3F8FC;}
 .honorx :hover{ background:#ccc;}
 .honorxpic{ width:240px; height:180px; margin:0; overflow:hidden;}
 .honorxpic img{display:block; background:#fff;}
 .honorxword{ width:240px; height:20px;line-height:20px; background:#CCC; text-align:center; overflow:hidden;}
 
#xiazai{ width:760px; margin:0; padding:0 0 10px 0; overflow:hidden;}
    #xiazai ul{ width:780px; padding:0; height:540px;}
	.xiazaili{ width:373px; height:94px; border:1px solid #ccc; margin:10px 10px 0 0; background:url(../img/xiazailix.jpg) repeat-x; float:left;}
	.xiazailia{ width:361px; height:30px; padding:0 6px; border-bottom:1px dashed #ccc; margin:0 auto;}
	 .xiazailiaa{ width:270px; padding:3px 0 0 3px; height:27px; line-height:27px; font-size:14px; font-weight:bold; color:#008F78; float:left; overflow:hidden;}
	 .xiazailiaa a:link,.xiazailiaa a:visited,.xiazailiaa a:hover{ color:#008F78;}
	 .xiazailiaa span{ color:#646464; font-weight:normal;}
	 .xiazailiab{ width:80px; height:27px; padding:3px 0 0 0; line-height:27px; font-size:14px; float:right; text-align:right; color:#646464;}
	.xiazailib{ width:373px; height:63px;margin:0 auto;}
	 .xiazailiba{ width:210px; height:54px; float:left; padding:4px 0 0 10px; line-height:20px; overflow:hidden; line-height:18px;}
	 .xiazailibb{ width:132px; height:43px; float:right; margin:10px 10px 0 0;}

#afeed{ width:560px; margin:30px auto;}
 #afeed form{ width:560px; margin:0; padding:0;}
 #afa{ width:560px; height:136px;}
 #afal{ width:280px; height:136px; float:left;}
 #afar{ width:280px; height:136px; float:right;}
 #afb{ width:560px; height:30px; margin:0 auto; text-align:center;}
 #afb input{ width:100px; height:28px; border:0;}
 .afax{ width:60px; height:24px; float:left; text-align:center; font-size:14px; line-height:24px; margin:0 0 20px 0;}
 .afay{ width:216px; height:20px; float:left;padding:1px; background:#F7F7F7; border:1px solid #858585; margin:0 0 20px 0;}
 .afay input{ width:216px; height:20px; border:0; background:0; line-height:18px;}
 .afaz{ width:218px; height:112px; margin:-1px 0 20px 0;float:left;}
 .afaz textarea{ width:218px; height:108px;border:1px solid #858585; background:#F7F7F7;}
 
#bfeed{ width:560px; margin:30px auto;}
 #bfeed form{ width:560px; margin:0; padding:0;}
 #bfa{ width:560px;}
 #bfal{ width:280px;float:left;}
 #bfar{ width:280px;float:right;}
 #bfb{ width:560px; height:30px; margin:0 auto; text-align:center;}
 #bfb input{ width:100px; height:28px; border:0;}
 .bfax{ width:60px; height:24px; float:left; text-align:center; font-size:14px; line-height:24px; margin:0 0 10px 0;}
 .bfay{ width:216px; height:20px; float:left;padding:1px; background:#F7F7F7; border:1px solid #858585; margin:0 0 10px 0;}
 .bfay input{ width:216px; height:20px; border:0; background:0; line-height:18px;}
 .bfaz{ width:218px; height:112px; margin:-1px 0 20px 0;float:left;}
 .bfaz textarea{ width:218px; height:124px;border:1px solid #858585; background:#F7F7F7;}